<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Critter Mockup</title>
        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
        <meta name="apple-touch-fullscreen" content="YES" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <link rel="apple-touch-icon" href="../iui/iui-logo-touch-icon.png" />
        <style type="text/css" media="screen">@import "iui/iui.css";</style>
        <style type="text/css" media="screen">@import "critter.css";</style>
        <script type="application/x-javascript" src="iui/iui.js"></script>
        <script type="text/javascript">
        	iui.animOn = true;
        </script>
        <!--
        <script type="application/x-javascript" src="http://10.0.1.2:1840/ibug.js"></script>
        -->
    </head>

    <body>
        <div class="toolbar">
            <h1 id="pageTitle"></h1>
            <a id="backButton" class="button" href="#"></a>
            <a class="button" href="#tile-view"><img src="img/ui/tileview.png" alt="some text" title="some text" /></a>
        </div>

        <div class="toolbar tabs">
            <a class="home tab" href="#">Home</a>
            <a class="search tab" href="#">Search</a>
            <a class="favorites tab" href="#">Favorites</a>
            <a class="unknown tab" href="#">Spam</a>
            <a class="info tab" href="#">Info</a>
        </div>
        
        <div id="tile-view" title="All Projects">
            
        </div>
        
        <ul id="project-index" title="Top Projects" selected="true">
            <li><a href="#design-1">
                    <img src="img/design1-thumb.jpg" alt="thumbnail" />
                    <div class="description">
                        <span class="title">Book Covers</span>
                        <span class="rating">&#x272D; &#x272D; &#x272D; &#x2729; &#x2729; </span>
                        <span class="author">John Smith, BFADT</span>
                    </div>
            </a></li>
            <li><a href="#fashion-1">
                    <img src="img/fashion1-thumb.jpg" alt="thumbnail" />
                    <div class="description">
                        <span class="title">Summer Dress</span>
                        <span class="rating">&#x272D; &#x272D; &#x272D; &#x272D; &#x272D; </span>
                        <span class="author">Allan James, BFAFas</span>
                    </div>
            </a></li>
            <li><a href="#product-1">
                    <img src="img/product1-thumb.jpg" alt="thumbnail" />
                    <div class="description">
                        <span class="title">Tray</span>
                        <span class="rating">&#x272D; &#x272D; &#x2729; &#x2729; &#x2729; </span>
                        <span class="author">Jenny Fairbanks, BFAPD</span>
                    </div>
            </a></li>
            <li><a href="#product-2">
                    <img src="img/product2-thumb.jpg" alt="thumbnail" />
                    <div class="description">
                        <span class="title">Lamp</span>
                        <span class="rating">&#x272D; &#x272D; &#x272D; &#x272D; &#x2729; </span>
                        <span class="author">Sally Andrews, MFADT</span>
                    </div>
            </a></li>
            <li><a href="#art-1">
                    <img src="img/art1-thumb.jpg" alt="thumbnail" />
                    <div class="description">
                        <span class="title">Chalk Sketches</span>
                        <span class="rating">&#x272D; &#x272D; &#x2729; &#x2729; &#x2729; </span>
                        <span class="author">Dodi Fayad, BFAIll</span>
                    </div>
            </a></li>
        </ul>
        <ul class="project-page" title="Book Covers" id="design-1">
            <li></li>
        </ul>
    </body>
</html>